import Taro, { Component } from '@tarojs/taro'
import { View, Text } from '@tarojs/components'
import './orderdetails.css'
import { AtList, AtListItem, AtButton, AtIcon } from "taro-ui"
import reactMixin from 'react-mixin';
import myJs from './orderdetailsJs.js'
import app from '../../../../main.js'

export default class OrderDetails extends Component {

  config = {
    navigationBarTitleText: '订单详情'
  }
  constructor () { 
        super(...arguments); 
        this.state = this.getData(); 
    }

 init() { }

  render() {
    return (
      <View className='order-details'>
        <View className='dingdan'>
          <Text className='biaoti'>订单类型：</Text><Text className='neirong'>{this.state.inquiry_order.status}</Text>
        </View>
        <View className='dingdan'>
          <Text className='biaoti'>患者姓名：</Text><Text className='neirong'>{this.state.inquiry_order.name}</Text>
        </View>
        <View className='dingdan'>
          <Text className='biaoti'>订单金额：</Text><Text className='neirong'>{this.state.inquiry_order.totalprice}</Text>
        </View>
        <View className='dingdan'>
          <Text className='biaoti'>订单创建时间：</Text><Text className='neirong'>{this.state.inquiry_order.created_at}</Text>
        </View>
        <View className='dingdan'>
          <Text className='biaoti'>订单编号：</Text><Text className='neirong'>{this.state.inquiry_order.order_code}</Text>
        </View>
        <View className='dingdan'>
          <Text className='biaoti'>抵用优惠情况：</Text><Text className='neirong'>{this.state.inquiry_order.coupon_discount}</Text>
        </View>
        <View className='dingdan'>
          <Text className='biaoti'>实付金额：</Text><Text className='neirong'>{this.state.inquiry_order.totalpayable}</Text>
        </View>
        <View className='kongbai'></View>
      </View>
    )
  }
}
reactMixin.onClass(OrderDetails,myJs);
